// ---------------------------切换两个盒子-----------------------------
// $('.login a').on('click', function() {
//     $('.login').hide().next().show();
// })


// $('.register a').on('click', function() {
//     $('.login').show().next().hide();
// })

$('.box a').on('click', function() {
    $(this).parents('.box').hide().siblings('.box').show();
    // console.log($(this).parents());
})


// ----------完成注册功能-------------
// 表单提交 > 阻止默认行为 >获取输入框的值 > 提交到服务器
$('.register form').on('submit', function(e) {
    e.preventDefault();
    // 收集表单
    let data = $(this).serialize();

    $.ajax({
        type: 'POST',
        url: '/api/reguser',
        data: data,
        success: function(res) {
            // console.log(res);
            // 只处理成功的情况,失败的情况下个后续统一处理
            if (res.status === 0) {
                // 给出提示
                layer.msg(res.message);
                // alert(res.message);
                // 清空输入框
                $('.register form')[0].reset(); //DOM方法
                // 切换到登录盒子
                $('.login').show().next().hide();
                // $('.register').hide().siblings('.box').hide
            }

        }
    });
})


// ----------完成登录功能-------------
$('.login   form').on('submit', function(e) {
    e.preventDefault(); //阻止默认行为
    // 收集数据
    let data = $(this).serialize();
    // console.log(data);
    $.ajax({
        type: 'POST',
        url: '/api/login',
        data: data,
        success: function(res) {
            // console.log(res);
            if (res.status === 0) {
                // 把服务器返回的token存起来
                // localStorage.setItem('名字', '值')
                localStorage.setItem('token', res.token),

                    // alert(res.message);
                    // layer.msg(res.message);
                    layer.msg(res.message, {
                        // icon: 1,
                        time: 2000 //2秒关闭（如果不配置，默认是3秒）
                    }, function() {
                        //do something   关闭弹层后做什么,
                        // 跳转到首页
                        window.location.href = './index.html';
                    });
            }
        },
        // beforeSend: function () {}
        // complete: function () {}
    });

});

// -----------登录失败功能-------------
// 黑色regueer可以进入sucess,红色不可以
// xhr.onload //成功后触发
// xhr.onloadstart //请求成功开始时触发事件
// xhr.onloadend //请求完成(包括成功, 也包括失败) 后触发





// -------------自定义验证规则----------------
// 使用layui的模块式前, 必须先加载, 加载与法式  let 变量 = ayui.模块名;
// 加载form模块
let form = layui.form;
// 调用from.verify()完成自定义验证规则
form.verify({
    // 键(验正规则): 值(验证手段/方法),
    // user: [] 或者 function () {}

    // 值位数组
    // user: [在正则表达式, '验证不通过时的提示信息']
    user: [/^\w{2,10}$/, '用户名必须......'], // \w表示数字,字母,下划线  . 细节是  {2,10}  不是  {2, 10}
    pass: [/^\S{6,12}$/, '密码名必须......'], // \S 表示非空白字符   .\w表示数字,字母,下划线  . 细节是  {2,10}  不是  {2, 10}

    // 值是函数
    same: function(val) {
        // 形参 val 表示使用这个规则的输入框的值,确认密码框使用这个规则, 所以val 表示我们输入的确认密码
        let pwd = $('.pwd').val()
        if (pwd !== val) {
            return '两次密码不一致';
        }
    }
});


// 以后分页模块
// let laypage = layui.laypage;